<?php
//var_dump($model->art_content);
//$model->art_content;
?>
<div style="width: 100%;height: 190px; background-color: #999; background-image: url(./<?=$model->ta1_pic_url?>)"></div>
<div style="width:1170px; position: relative; margin: 0 auto; height: 1200px; background-color: white;">
    <div style="width:300px; position: absolute">
        <h1 style="border-left: 4px solid #999; padding-left: 10px;">导航</h1>
        <ul id="tpl1_json" class="nav nav-pills nav-stacked">
        </ul>
    </div>
    <div style="width: 870px; min-height: 600px; max-height: 1200px; overflow-y: auto; left: 400px;position: absolute"><?= $model->ta1_content;?></div>
</div>

<script>
var json = `<?= $model->ta1_json?>`;
var jsonobj =  eval('(' + json + ')'); 
var str = "";
for (var title in jsonobj){
    str = str + '<li role="presentation" style="border-bottom:1px solid #222"><a href="'+jsonobj[title]+'">'+title+'</a></li>';
}
document.getElementById('tpl1_json').innerHTML = str;
</script>